<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>el与data的两种形式</title>
	<script src="./js/vue.js"></script>
</head>
<body>
	<div id="root">
		<h1>Hello, {{name}}</h1>
	</div>
</body>
<script>
	Vue.config.productionTip = false

	const v = new Vue({
		data(){  // 这里只能用普通函数，不能用箭头函数
			// 因为vue管理的函数，用箭头函数之后，this不是指的vue实例了
			// data:function(){return {}}
			return {
				name: "尚硅谷"
			}
		}
	})

	v.$mount("#root")  // 将vue实例挂载到root上
</script>
</html>